{% extends "base.html" %}
{% block content %}
<article>
    <div class="text1">
        <header>
            <hgroup>
                <h1>Your Profile, {{user}}.</h1>
                <img src="http://www.gravatar.com/avatar/{{hash}}" alt="your avatar from gravatar" />
            </hgroup>
        </header>
        <div class="text1">
            <header>
                <h3>My models</h3>
            </header><br />
            <table width="50%" class="datatable">
                <thead>
                    <tr>
                        <th>
                            Model Name
                        </th>
                        <th>
                            Public
                        </th>
                    </tr>
                </thead>
				<tbody>
                {% for m in models %}
                <tr>
                    <td>
                        <em><a href='/docid?key="{{m.1}}"' target="_blank">{{m.0.name}}</a></em>
                    </td>
                    <td>
                        <input type="checkbox" id="toggle-counter" {%if  m.public %}checked {%endif%}/>
                    </td>
                </tr>{% endfor %}
				</tbody>
            </table>
        </div>
    </div>
    <div class="text1">
        <header>
            <hgroup>
                <h3>My Collaborators</h3>
            </hgroup>
        </header>
        <table width="40%" class="datatable">
            <caption>
            </caption>
			<thead>
            <tr>
                <th>
                    Userid
                </th>
                <th>
                    Ranking
                </th>
            </tr>
			</thead>
			<tbody>
            {% for c in collaborators %}
            <tr>
                <td>
                    <em><a href='/profile?key="{{c.1}}"' target="_blank">{{c.0.user}}</a></em>
                </td>
                <td>
                    {{c.rank}}
                </td>
            </tr>
            {% endfor %}
			</tbody>
        </table>
    </div>
</article>
<div id="map" class="smallmap">
    <img src="http://maps.google.com/maps/api/staticmap?size=600x300&maptype=roadmap{{markers}}{{paths}}&sensor=false" alt="" />
</div>
{% endblock %}